<!-- <template>
    <div>维修工单详情</div>
</template> -->

<template>
    <div class="home">
        <div class="header">
            <!-- 页面头部和查询区域 -->
            <div class="NewArea-tittle">
                <div class="crumbs">
                    <p>
                        <span>设备管理 /</span> <span>设备维修记录 /</span> <span> 新建维修工单</span>
                    </p>
                    <h3>新建维修工单</h3>
                </div>
            </div>
        </div>
        <div class="body">
            <div class="bodyBox">
                <span>工单信息</span><span>编辑</span>
                
            </div>
        </div>
    </div>
</template>


<script setup lang="ts">

</script>


<style lang="less" scoped>

.header {
    width: 70%;
    // height: 100%;
    margin: auto;
  
    .NewArea-tittle {
      margin-top: 20px;
      background-color: white;
  
      .crumbs {
        padding: 15px 20px;
        font-size: 16px;
  
        p {
          margin-bottom: 10px;
  
          span {
            color: #8d8d8d;
          }
  
          span:last-child {
            color: #000;
          }
        }
      }
    }
    .body{
        width: 70%;
        margin: auto;

        .bodyBox{
            margin-top: 20px;
            background-color: white;
        }
    }
  }
</style>